<template>
  <div class="tinymce" v-loading="loading">
    <Tinymce v-model="content" @init="init" :setting="{}" />
  </div>
</template>

<script>
import { onActivated, onMounted, ref } from 'vue'
import Tinymce from "../../components/Tinymce/Tinymce.vue"

export default {
  name: 'tinymce',
  components: { Tinymce },
  setup() {

    const content = ref('这个富文本插件，好用嗷')
    let loading = ref(false)

    onActivated(() => {
      console.log('onActivated');
    })

    onMounted(() => {
      loading.value = true
    })

    function init() {
      loading.value = false
    }

    return {
      content,
      loading,
      init
    }
  }
}
</script>

<style>
</style>